<template>
  <view class="goodList">
    <view
      @click="routerGo(item)"
      class="item acea-row row-between-wrapper"
      v-for="(item, goodlistIndex) in goodList"
      :key="goodlistIndex"
    >
      <view class="pictrue">
        <image :src="item.image" class="image" />
        <image
          :src="`${$VUE_APP_RESOURCES_URL}/images/one.png`"
          class="numPic"
          v-if="isSort === true && index === 0"
        />
        <image
          :src="`${$VUE_APP_RESOURCES_URL}/images/two.png`"
          class="numPic"
          v-if="isSort === true && index === 1"
        />
        <image
          :src="`${$VUE_APP_RESOURCES_URL}/images/three.png`"
          class="numPic"
          v-if="isSort === true && index === 2"
        />
      </view>
      <view class="underline">
        <view class="text">
          <view class="line1">{{ item.storeName }}</view>
          <view class="money font-color-orgin">
            ￥
            <text class="num">{{ item.price }}</text>
          </view>
          <view class="vip-money acea-row row-middle">
            <view class="vip">￥{{ item.otPrice || 0 }}</view>
            <text class="num">已售{{ item.sales }}{{ item.unitName }}</text>
          </view>
        </view>
      </view>
      <!-- <view class="iconfont icon-gouwuche cart-color acea-row row-center-wrapper"></view> -->
    </view>
  </view>
</template>
<script>
export default {
  name: "GoodList",
  props: {
    goodList: {
      type: Array,
      default: () => [],
    },
    isSort: {
      type: Boolean,
      default: true,
    },
  },
  data: function () {
    return {};
  },
  methods: {
    routerGo(item) {
      this.$yrouter.push({
        path: "/packageShop/pages/shop/GoodsCon/index",
        query: { id: item.id },
      });
    },
  },
};
</script>

<style  scoped lang="less">
.font-color-orgin {
  color: #ff6010 !important;
}
</style>
